import Link from "next/link"
import Image from "next/image"
import LimsImg from '@/app/assets/images/productIntro/limsBg.png'
import LIMSImg1 from '@/app/assets/images/productIntro/lims1.png'
import LIMSImg2 from '@/app/assets/images/productIntro/lims2.png'
import LIMSMODULE from '@/app/assets/images/productIntro/lims_module.png'
import FrameImg from '@/app/assets/images/productIntro/framework.png'
import ProFrame from '@/app/assets/images/productIntro/proFrame.png'
import TecImg from '@/app/assets/images/productIntro/tec.png'

export default function LimsPage() {
  return (
    <div className="w-full flex pt-10 pb-10">
      <div className="w-[20rem] border border-solid border-slate-500">
        <div className="field-title bg-gray-100 pt-1 pb-1 pr-1 flex items-center justify-between">LIMS管理体系 <span className="text-xs text-gray-400">更多</span></div>
        <div className="mt-4 flex justify-center p-1">
          <div className="w-[100px] h-[80px] border border-solid border-slate-500 flex items-center">
            <Image src={LimsImg} alt="LIMS 实验室管理系统" />
          </div>
          <div className="flex-1 pl-1">
            <Link className="text-gray-800 hover:text-red-400" href={'//'}>LIMS体系简介</Link>
            <p className="text-gray-400 text-xs">检测业务是基于社会对QHSE（质量、健康、安全、环境）等的相关需求与规定而产生的。随着全球化和国际贸易的迅速增长，检测行业正在不断地扩大。同时，客户对数据准确性</p>
          </div>
        </div>
      </div>
      <div className="flex-1 ml-1 border border-solid border-slate-500">
        <div className="field-title bg-gray-100 pt-1 pb-1">详细说明</div>
        <div>
          <div className="flex justify-center">
            <Image className="" src={LIMSImg1} alt="" style={{width: '400px'}} />
          </div>
          <p className="p-2 pt-4">
            LIMS系统(Laboratory Information Management System),即实验室信息化管理系统，是由计算机硬件和应用软件组成，能够完成实验室业务流程、环境、人员、仪器设备、标物标液、标准方法、文件记录及客户管理等综合管理，集实验室数据和信息的采集、分析、报告和管理，建立一个快速、高效、安全的质量信息共享平台。首厚智能LIMS V6.0已可实现如下检测业务的全流程管理。
          </p>
          <div className="flex justify-center">
            <Image src={LIMSMODULE} alt="" style={{width: '600px'}}  />
          </div>
          <div className="pt-10 pb-10">
            <h4 className="text-center text-md">系统设计标准:</h4>
            <p className="text-center text-base mb-2">《检测和校准实验室能力认可准则》ISO/IEC17025：2017</p>
            <p className="text-center text-base mb-2">《检验检测机构资质认定能力评价》2017RB∕T 214-2017 </p>
            <p className="text-center text-base mb-2">《检测和校准实验室能力认可准则》CNAS-CL01:2018</p>
            <p className="text-center text-base mb-2">《检测实验室信息系统建设指南》RBT-029-2020</p>
            <p className="text-center text-base mb-2">《信息安全技术-信息系统安全等级保护基本要求》GBT 22239-2008</p>
          </div>
          <div className="pt-10 pb-10 flex justify-center">
            <Image src={FrameImg} alt="" style={{width: '700px'}}  />
          </div>
          <div className="pt-10 pb-10 flex justify-center">
            <Image src={ProFrame} alt="" style={{width: '700px'}}  />
          </div>
          <div className="pt-10 pb-10 flex justify-center">
            <Image src={TecImg} alt="" style={{width: '700px'}}  />
          </div>
          <div className="pb-10 pl-2 pt-2 border-top border-gray-200">
            <h5 className="field-title">适用行业</h5>
            <div className="pt-4 space-x-5 text-gray-400">
              <span>食品检测</span>
              <span>环境监测</span>
              <span>疾病预防控制中心</span>
              <span>第三方检测</span>
              <span>学校科研</span>
              <span>农产品检测</span>
              <span>制造业</span>
              <span>制药及生物技术</span>
              <span>水利</span>
              <span>公共卫生</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}